html, body {
	padding: 0;
	margin: 0;
}

html, body , #app, .home-wrapper, .content-wrapper-context {
	height: 100%;
  overflow: hidden;
}
a {
  text-decoration: none;
}
/*此处为改写的css*/
#app .mint-header {
  background-color: RGB(73,80,96);
}
#app .mint-navbar .mint-tab-item.is-selected {
  border-bottom: 3px solid RGB(73,80,96);
  color: RGB(73,80,96);
}
.btn-cancel .mint-button--primary {
  background-color: RGB(73,80,96);
}
.content-wrapper {
	padding-bottom: 26px;
	padding-top: 40px;
	height: calc(100% - 66px);
}

.order-wrapper {
  	background: rgba(255,255,255,1);
  	position: absolute;
  	left: 0;
  	top: 0;
  	z-index: 1000;
  	height: calc(100% - 40px);
  	width: 100%;
  	padding-top: 40px;
  }
  .order-wrapper-context {
  	height: 100%;
    position: relative;
  }
  .order-base-content {
    
    overflow: hidden;
    overflow-y: auto;
  }
  .order-hasmap-content {
    height: calc(65% - 46px);
  }
  .order-nomap-content {
    height: calc(100% - 46px);
  }
  .btn-cancel button,.submit-wrapper button {
  	font-size: 15px !important;
    margin: 0 auto;
    display: block;
    width: 70%;
  }
	
  .btn-cancel {
  	position: absolute;
    width: 100%;
    bottom: 5px;
	}
	.flex-box {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
  }
  .flex-box button:first-child {
        margin-right: 10px;
   }
	/* 这个是indicator的调整设置 */
	.mint-indicator-wrapper{
		z-index: 10000;
	}
	.mint-indicator-mask{
		z-index: 9999;
	}
  .order-top-title {
    font-size: 15px;
    padding-top: 10px;
    height: 15%;
  }
  .order-top-title {
    font-size: 17px;
  }
  .order-base-content.order-nomap-content h1, h2, h3, p {
    margin: 0;
    padding: 0;
  }
  .order-group {
    height: 80%;
  }
  .order-item-title {
    text-align: left;
    padding-left: 5px;
    font-size: 12px;
  }
  .order-item {
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .order-item:after {
    content: '';
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #9f9797;
    width: 100%;
    margin-bottom: 5px;
  }
  span.order-item-meta:nth-child(2) {
    padding: 0 5px;
    border-left: 1px solid #e0d9d9;
    border-right: 1px solid #e0d9d9;
  }
  .order-item-content {
    display: flex;
    padding: 5px;
  }
  .order-section {
    margin-right: 10px;
  }
  .order-detail-section {
    text-align: left;
    font-size: 13px;
    color: #6d6a6a;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .order-detail-section label {
    color: #292828;
  }
  .is-emergency,
  .is-emergency label,
  .is-emergency .order-detail-section {
    color: red !important;
  }
  @media screen and (max-width: 320px) {
    .order-top-title {
        height: 24%;
    }
  }
  @keyframes refresh {
    from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
  }
  -webkit-@keyframes refresh {
    from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    to {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
  }
  .refreshicon {
    display: block;
    animation: refresh 3s linear infinite;
    -webkit-animation: refresh 3s linear infinite;
  }
  .ycenter {
    display: block;
    margin-top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
  }